.content{
	z-index: 10;
}

/* Bigger then standard 960px (1280px) */
	@media only screen and (min-width: 1025px) { 	
		.home_page #boss_menu, .home_page .quick-select:hover #boss_menu,
		.home_page #menu, .home_page .quick-select:hover #menu{ 
		display: block !important;
		height: 100% !important;
		overflow: visible !important;
		cursor:default;
		position: static;
	} 
}
	/*ipad 2 ngang*/
	@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
	}
	@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	/*.list_carousel ul li { width:21.9%}*/
		
		.hide-on-desktop {
			display: none !important;
		}		

	}
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1024px) {		
		
		#container.boxed{ margin:10px}	
		
		.boss_block_recent_post .list_carousel ul li .image { width:47%}
		
		body #boss_menu > ul > li > div.dropdown .column.product a img{ width:100%}
		#boss-header #cart .heading-title{ font-size:13px}
		.static-header-top .block-2 .cash p, .static-header-top .block-2 .free-return p, .static-header-top .block-2 .free-shipping p{ background-position:left center}

		.product-info .left { width:50%}
		
		
		#column-left .boss-latest .list_carousel li, #column-right .boss-latest .list_carousel li { width:39%}
		.product-filter .limit select, .product-filter .sort select { width:120px}
		
		.boss_homefilter_tabs .caroufredsel_wrapper  ul li ,
		.boss-featured-content .caroufredsel_wrapper li,
		.boss-latest .caroufredsel_wrapper li,
		.boss_block_recent_post .caroufredsel_wrapper ul li{ min-height:0}
	
		#footer .column:last-child { float:left; clear:both}
		
		a.sft_quickshop_icon { display:none}
		
		.product-grid .boss-actions { top:0}

		#boss-header .search { width:82.5%}
		
		.choose-select .input_cat{ width:87.333%}
		.static-banner-bottom{ width:100%}
		.static-banner-bottom img{ width:100%}
		.static-header-top .block-1 p { padding-top:7px}
		
		#column-left + #column-right + #content  .boss_homefilter_tabs .box-heading { position:static;margin-bottom: 10px;}
		#column-left + #column-right + #content .ul.tabs{ width:auto}
		

		
		
		.header-bottom .static_banner {  width:25%}
		body .bannercontainer { padding-left:0}
		.tp-bullets {left:15px!important}
		 
		.tp-simpleresponsive .slotholder  img{height:auto!important} 
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 1023px) {
		#container.boxed{ margin:10px}
		body{-webkit-text-size-adjust: none; }
		
		#column-left + #content .product-info .left { margin-bottom:15px }		
		#column-left + #column-right + #content.grid-33 .product-grid > div { width:100%}
		
		#column-left + #column-right + #content.grid-33 .form-choice-category div{ clear:both; margin-left:15px}
		#column-left + #column-right + #content.grid-33  .product-filter .display { float:left}
		#column-left + #column-right + #content.grid-33 .product-filter .sort b, #column-left + #column-right + #content.grid-33 .product-filter .limit b { display:block}
		
		#column-left + #column-right + #content .article-filter .limit , #column-left + #column-right + #content .article-filter .sort { clear:both; margin-left:15px}
		
		.cart-info table tbody .quantity { padding-top:47px}

		.login-content .right input[type="text"], .login-content .right input[type="password"]{ width:93%}
		table.form td input[type="text"], table.form td input[type="password"]{ width:93%}
		table.form td select { width:96.633%}
		
		

		#footer .static_footer_support > div { width:100%; padding:8px 0}
		#footer .static_footer_support > div.safe { padding:0}
		.static_footer_support > div.gift img { margin-left:0}
		
		form.return-form input[type="text"], form.return-form textarea { width:250px}
		
		/*blog*/
		body .boss_article-detail .article-content img { width:100%!important;height:auto!important}
		
		/*block*/
		.boss-featured-article > div .image { width:48%}	
		.boss-featured-article > div span.view-more a{ padding-right:8px}
		
		.cart-total table{ width:50%}
		.cart-info tbody .quantity input[type="text"] {}
		.hide-on-desktop {
			display: none !important;
		}	

		.static-review > div { width:47%}
		.static-review > div > div { width:70%}	

		.box-product ul li { width:25%}		 
		
		.wishlist-info tbody .image { padding:0; width:0; }
		.wishlist-info tbody .image img {display:none} 
		
				
		
		.choose-select .input_cat { width:81.333%}
		#boss-search input[type="text"] { width:41.333%}
		#boss-header #cart .heading { background:none}
		#boss-header #cart .heading a { margin-left:0; margin-right:10px}
		#boss-header #cart .heading a span { width:48%}
		#boss-header #logo{ margin-top:23px}
		

		.header-top-right { clear:both; float:left;margin-top:10px; }
		
		
		.static-header-top > div  ul { margin:0 8px 0 28px}		
		
		.article-grid > div{ width:50%}
		#column-left + #column-right + #content .article-list div.std {  clear:both}
		#column-left + #column-right + #content .boss_article-items .article-image{ margin:0 0 10px 0; width:100%; text-align:center}
		
		#column-left + #column-right + #content .cart-module select { width:85%}
		#column-left + #column-right + #content .cart-module input[type="text"] { width:80%}
		
		#column-left + #column-right + #content div.left , #column-left + #column-right + #content div.right{ width:100%; margin:0 0 15px 0}
		
		#column-left  + #content .cart-info table tbody td .name , #column-right + #content .cart-info table tbody td .name{ overflow:hidden; display:inline}
		#column-left + #column-right + #content .return-detail > div { width:100%; margin:0 0 10px 0}
		#column-left + #column-right + #content.grid-50  .boss_home_category li { width:100%}
		


		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {	
		#container.boxed{ margin:10px}
		/*input[type="text"], input[type="password"] , textarea{ width:96%!important}
		select { width:100%!important}*/
		#container { overflow:hidden}
		
		/*#content*/
		body #content .box { margin-bottom:10px}
		#column-right, #column-left { display:none}
		#column-left + #content .boss_frame { margin-left:0}
		#column-right + #content  .boss_frame{ margin-right:0}
		#column-left + #column-right + #content .boss_frame {margin-left:0; margin-right:0}
		
		select.large-field , .cart-module .content select, form.register select,select{width:97.2%!important;padding-left:1%; padding-right:1%}
		form.register table { width:100%}
		.my_account textarea,
		.return-opened textarea,
		#tab-review input[type="text"], #tab-review textarea, textarea,
		input[type="text"], input[type="password"],
		form.register input[type="text"], form.register input[type="password"],
		.login-content .right input[type="text"], .login-content .right input[type="password"] { width:95%!important; padding-left:1%; padding-right:1%}
		
		.checkout-content textarea { width:95%!important}
		
		div.left, div.right{ /*clear:both; float:left;*/width:100%; margin: 0 0 10px 0}
		
		
		/*login*/
		.login-content .left, .login-content .right { width:100%; margin:0 0 10px 0}
		.login-content .left .content, .login-content .right .content { min-height:0}
		
		/*header*/
		#boss-header .grid-80 {
			padding-left: 0;
		}		
		#boss-header { margin-bottom:0}
		.header-mid { padding-bottom:120px}
		.header-bottom { margin-top:-120px}
		.home_page  .header-bottom { margin-bottom:5px}
		.header-top , .header-mid{ text-align:center}
		.header-top-left , .header-top-right, #boss-header .links{ float:none; width:100%; text-align:center; margin:10px 0}
		#boss-header form { display:inline-block; float:none}
		#boss-header form select { margin:10px 5px 6px}
		
		#boss-header #logo { width:100%; text-align:center; margin-bottom:20px}
		.static-header-top { text-align:left; width:99.33%; margin-bottom:20px;border-bottom:1px solid #252525;padding-bottom: 5px;
		border-radius: 5px ;
		-moz-border-radius: 5px ;
		-webkit-border-radius: 5px }
		#boss-header .static-header-top p { margin:12px 28px 5px; padding-left:60px}
		.static-header-top > div { float:left; clear:both; width:100%}
		.static-header-top > div ul { margin:0}
		.static-header-top > div ul li{ float:left; clear:both;width:100%!important; margin:0; background:none; padding:0; border-top:1px solid #252525}
		.static-header-top .block-1,.static-header-top .block-2 { width:100%; padding:0; border-left:0}
		#boss-header .static-header-top .block-1 p {  
			font-size: 14px;
			line-height: 1.1em;
			margin: 7px 30px 6px;padding:0}
		.static-header-top .block-1 b { font-size:18px}
		.static-header-top .block-1 img { bottom:auto; top:-32px; right:22px}
		#boss-header .static-header-top .block-2 .cash p{margin:8px 28px 6px}
		
		#boss-search { background:none!important;border:none!important; height:40px; margin-bottom:15px}
		#boss-search select { display:none}
		.choose-select, .choose-select-1 { height:40px; border:none; padding:0}
		.choose-select .input_cat{ width:81.333%; border:none}
		.bt_search { margin-right:0}
		
		#boss-search input[type="text"] {
			margin: 6px 0;
			width: 98%;
		}
		.header-bottom .static_banner, .static-banner-bottom {display:none}
		.header-bottom-1  > div { float:right !important; clear:both}
		.header-bottom-1 { border:none; background:none}
		#boss-header #cart { background:none!important; border:none!important; margin-bottom:20px}
		#boss-header #cart .heading { border:none!important; background-position:0 center; height: 45px;}
		#boss-header #cart .heading a {color: #969696 !important; padding-bottom:5px}
		#boss-header #cart.active  .heading a {color: #969696 !important;}
		#boss-header #cart .heading a span.icon { margin-left:0}
		
		#megamenu-responsive .root ul li a, #megamenu-responsive .root > ul > li > ul > li > a { /*width:60%*/}
		
		/*menu*/
		.quick-select p { display:none}

		
		/*footer*/
		#footer .static_footer_support > div { width:100%; padding:8px 0}
		#footer .static_footer_support > div.safe { padding:0}
		.static_footer_support > div.safe { line-height:normal; height:40px;overflow:hidden}
		.static_footer_support > div.safe h2 {
			font-size: 16px;
			line-height: 16px;
			margin-left: 35px;
			margin-top: 5px;
			width: 12%; }
		#footer .static_footer_support > div.safe p { margin-top: 5px;  white-space: normal; line-height:normal;line-height:16px}
		.static_footer_support > div.gift img { margin-left:0}
		.static_footer_support > div.number span:first-child { font-size:14px}
		.static_about_us { text-align:center}
		.static_about_us a { float:none;}
		.static_about_us p { text-align:left;padding-top:20px}
		#powered { text-align:left}

		#footer .static_follow li { display:block; margin:15px 0 0}
		#footer .static_follow li a { font-size:12px}
		
		#footer .boss-footer-column + .boss-footer-column .column:first-child { border-top:1px dotted #dcdcdc; padding-top:15px}
		
		/*.content */
		.box-product ul li { width:100%}		
		.product-filter { display:none}
		.product-info { margin-bottom:10px}
		.product-info .left,.product-info .right , .product-info .options .box-check{ clear:both;width:100%; margin:0 0 15px 0}
		.product-info .options .option textarea { width:163px}				
		.pagination .results { float:none; }
		.product-info .image  { margin-bottom:55px}
	
		.product-grid { margin:2px 0 0 0}
		.product-grid > div, .product-grid li { border-right:0; border-top:1px dotted #dcdcdc; padding:12px 0; margin:0}
		.product-grid > div:first-child, .product-grid li:first-child { border:none; padding-top:0}
		.htabs {height:auto}

		h2.ta-header  {
			font:12px  'Archivo Narrow',Arial, sans-serif;
			text-transform:uppercase;
			background-color:#fff; border:1px solid #eee;			
			-webkit-border-radius: 3px 3px 0 0 ;
			-moz-border-radius: 3px 3px 0 0 ;
			-khtml-border-radius: 3px 3px 0 0 ;
			border-radius:3px 3px 0 0;
			padding:7px 15px 8px;
			clear:both;
			
		}
		h2.ta-header.selected, h2.ta-header:hover{
			color:#fff;
			background-color:#323232; border:1px solid transparent;
		}
		.tab-content {margin-top:-12px; margin-bottom:15px}
		
		/*account*/
		#content .content.myaccount { width:100%; margin:0 0 20px 0}
		.checkout-content .left, .checkout-content .right { width:100%; margin-bottom:15px}
		.cart-module b { padding-bottom:10px}
		.checkout-content { margin-bottom:0}
		form.gift-vourcher input[type="radio"] { top:2px}
		.cart-info tbody .quantity input[type="text"] { display:block}
		.cart-total table { width:50%}
		
		.checkout-content  .buttons .button { margin-top:0}
		
		#payment-address input[type="checkbox"] {margin-top:5px; margin-bottom:0; top:2px}
		/*customer*/
		.static-banner-home a{ width:100%!important; display:block; margin:0 0 10px 0}
		.static-banner-home a + a{ margin:0 0 10px 0}
		
		.static-review > div { width:94%; float:left; clear:both}
		.static-review > div > div{ width:50%}
		
		/*table*/
		table.form { width:100%}
		table.list { width:99%;}
		table.form td { display:block; width:100%}
		
		.wishlist-info .model , .wishlist-info .stock{ display:none}		
		.wishlist-info tbody .image{ padding:0; width:0}
		.wishlist-info tbody .image a { display:none}
		.wishlist-info tbody .action { padding-right:10px}
		.wishlist-info thead .name , .wishlist-info tbody .name, .wishlist-info tbody .model{ padding-left:7px}
		.wishlist-info td { padding-left:7px; padding-right:7px}
		.wishlist-info tbody .name { padding-left:20px}
		.compare-info table.boss-table td{ padding-left:20px}
		
		.boss-shoppingcart, .cart-module { width:100%}
		.cart-info tbody td.image { width:250px}
		.cart-info table tbody .quantity { padding-top:45px}		

		.cart-module #shipping td { display:block; padding-bottom:5px}
		
		#content .content .left,#content .content .right, .return-detail > div{ width:100%; margin-bottom:15px}
		table.list.order_info .model, table.list.order_info .price{ display:none}
		
		/*block*/
		.static-banner-home ,
		.static-banner-home-1 { margin-bottom:20px}
		.static-banner-home .group-1 a { margin-bottom:10px}
		.static-banner-home .group-1 a.banner01 img,
		.static-banner-home .group-1 a.banner02 img{ margin:0; max-width:100%}		
		
		body .box-product.list_carousel.responsive .prev{ 
			left:45%; 
		}
		body .box-product.list_carousel.responsive .next { 
			right:45%;
		}
		.boss-featured .box-product ul li { margin-bottom:40px}
		.boss-featured .box-product ul li > div { padding:0 5px}
		body .boss_homecategory { padding:0}
		body .boss_homecategory .box-content{margin-bottom:10px;padding-bottom:10px}		
		.boss_homecategory .box-content > div { background:none}
		.boss_homecategory .box-content ul { clear:both; width:100%; margin:0 0 17px  0}
		.boss_homecategory .box-content ul  li { margin-left:30px}
		
		#content .boss-featured-1 .box-product > div { width:43%}
		.boss_homefilter_tabs{ border:1px solid #eee;
			-webkit-border-radius: 3px  ;
			-moz-border-radius: 3px  ;
			-khtml-border-radius: 3px;
			border-radius:3px;
		}
		.boss_homefilter_tabs .box-heading {
			position:static; float:left; margin-left:20px; padding-top:10px; padding-bottom:10px
		}
		ul.tabs, #column-left + #column-right + #content ul.tabs { display:block; clear:both; width:100%}
		.boss_homefilter_tabs { overflow:hidden}
		.boss_homefilter_tabs .box-content { margin:0}
		body .home_filter_content .list_carousel.responsive {margin:0 0 10px 0; top:20px}
		.boss_homefilter_tabs h3 { margin:0}
		.boss_homefilter_tabs h3 a  { width:100%; clear:both; padding:12px 0 10px;text-indent:20px; margin:0;
			font:400 12px 'Archivo Narrow',Arial, sans-serif;
			color:#323232;
			text-transform:uppercase;
			float:right;	
			background-color:#fff;
			border-top:1px solid #eee;		
		}
		.boss_homefilter_tabs h3:first-child  a{border-top:0 }
		.boss_homefilter_tabs h3:hover a, .boss_homefilter_tabs h3.active  a{ background-color:#323232; color:#fff}
		.boss_homefilter_tabs { margin-bottom:20px}
		
		
		/*blog*/
		body .article-filter { display:none}
		body .article-grid > div { width:100%}
		body .boss_article-detail #productRelated  .box-product > div{ width:49%}
		body .form-comment-container .captcha, .form-comment-container a.button { margin-left:0}
		body .form-comment-container .required-1 { top:-3px}
		body .boss_article-detail .article-content img {height:auto!important; }
		body .boss_article-items .article-image {  text-align:center; margin-bottom:12px}
		body .article-list div.std { clear:both}
		body .boss_article-detail .tags {width:100%}
		body .boss_article-detail .article-share { clear:both; float:left; margin-top:10px}		
		body #cboxCurrent { display:none!important}
		body #cboxTitle { text-align:left;left:51px; width:51%;text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
		
		
		
		.hide-on-desktop {
		display: none !important;
		}
		
		body .bannercontainer { padding:0; margin-bottom:0}	

			
		.owl-carousel .owl-wrapper-outer { margin-bottom:15px}	
		#column-left + #column-right + #content.grid-33 .product-grid > div { width:100%}
		#column-left + #column-right + #content .boss_home_category li { width:100%}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			body .bannercontainer { margin-bottom:10px}
		}
		 
	}
	

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {		
		body{-webkit-text-size-adjust: none; }
		
		.hide-on-desktop {
		display: block !important;
		}		
		.cart-info table tbody td .name { overflow:visible}
		body .bannercontainer { margin-bottom:10px}	
		
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) { 
		body{-webkit-text-size-adjust: none; }
		.breadcrumb a + a		{ background-position:left 5px}
		.checkout-heading { font-size:14px; padding-left:15px}
		.checkout-heading a { top:10px}
		/*block*/
		#footer .static-block-footer { margin: 0 0 15px; width: 100%;}	
		
		body .ui-notify .ui-notify-message{ width:260px;}
		#boss-header #cart .content { padding-left:10px; padding-right:10px; width:94%;top:47px}
		.category-info .image { width:100%; margin:0 0 10px 0}
		.category-info div { overflow:visible}	

		body .bannercontainer { margin-bottom:10px}	
		
		.cart-total table { width:100%} 
		.cart-info table tbody td .name { overflow:visible}

		/*blog*/
		body .form-comment-container .required { float:none}
		body .form-comment-container .form-comment textarea, .form-comment-container .form-comment input[type="text"], .body .form-comment-container .form-comment input[type="text"] ,.form-comment-container .form-comment .captcha input[type="text"]{ width:92%}
		body .form-comment-container .captcha, .form-comment-container a.button { margin-left:0}
		body .form-comment-container a.button { margin-top:10px}
		.boss_article-items .std { clear:both;}
		
		.hide-on-desktop {
		display: block !important;
		}
		
		.mini-cart-info td.name .info {  clear:both; float:left}		
		.content-products .owl-item > div { border:none}
		.choose-select .input_cat { width: 80%;}

		
	}


